@charset "UTF-8";
/* CSS Document */

body{
	background-color:#cccccc;
}

div#top-section{
		background-color:white;
		background-image:url(http://2011.igem.org/wiki/images/5/51/Topsectionbg.png);
		background-repeat:no-repeat;
		height: 10px;
    	width:  970px;
		border: 0;
		z-index: 10;
	}
	div#p-logo{
    display: none;
	}
	div#menubar{
	/*text-align:center;*/
	top: 0;
	height:20px;
	width:300px;
    font-family: 'Molengo', sans-serif;
	font-size:8pt;
	}
	div#menubar .selected a{
    color: #529dd9;
	}
	
	
	.left-menu, .left-menu a {
    color:#529dd9;
	z-index: 1;
}
	.left-menu:hover {
	background-color: #666666;
}
	
.right-menu{
    top: 0;
	z-index: 1;
	
}

.right-menu li {
#    background-color: transparent;
}
.right-menu li a {
    padding: 0px 15px 0px 0px;
    color: #529dd9;
    background-color: white;
}
.right-menu li a:hover {
    color: #529dd9;
}
div#search-controls{
    display: none;
    position: absolute;
    float: right;
	}
#mw-searchButton{
    display: none;
    border: none;
	}
	



#content { 
	z-index: 1; 
	background-color: #e9e9e9;; 
	border: none; 
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	font-family:'Molengo', sans-serif;
}
#content p{
	display:none;
}
#contentwrapper{
	bakcground-color:white;
	vertical-align:middle;
	width:970px;margin:0 auto;text-align:left;position:relative;
	font-family:'Molengo', sans-serif;
}
#contentwrapper p{
	display:block;
}
	
.firstHeading {
	display:none;}

	
#contentSub {
	display:none;
}

#catlinks {
	display:none;
}

#footer-box{
	display: none;	
}



ul#topnav {
	margin: 0; padding: 0;
	margin-top:10px;
	left:20px;
	float: left;
	width: 930px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background:#6699cc;
	/*background: url(topnav_stretch.gif) repeat-x;*/
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	/*set the alpha*/
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 50px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { 
background: #1376c9 url(topnav_active.gif) repeat-x; 

	/*set the alpha*/}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/


ul#topnav li span {
	float: left;
	padding: 5px 0;
	position: absolute;
	left: 0; top:35px;
	display: none; /*--Hide by default--*/
	width: 930px;
	background: #1376c9;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { 
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

a:hover{
	text-decoration:none;
}
.block{
	margin:10px;
	float:left;
	color:#333333;
	font-size:12pt;
	padding:0;
	width:660px;
}

.block h1{
	font-size:36pt;
}
.block a{
	color:#ff3333;
}

.block p{
	margin:20px;
}
.block h1, h2{
 border-bottom: none;
 padding-left:10px;
 padding-bottom:0em;
 padding-top:0em;
 }
.block a{
	color:#666666;
}
.block hr{
	height:2px;
margin-left:15px;
margin-right:15px;
}
.blocktop, .blockbottom{
	width:100%;
	height:10px;
}
.blocktop{
	background-image:url(http://ung.igem.org/wiki/images/1/17/Blocktop.png);
	background-repeat:no-repeat;	
}
.blockbottom{
	background-image:url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
	background-repeat:no-repeat;
}
.blockcontent{
	padding:20px;
	background-color:white;
}

.links{
	background-color:white;
	text-align:right;
	padding-right:20px;
	font-size:14px;
}
.links a:hover{
	 cursor: pointer;
}
.sidebar{
	float:right;
	width:250px;
}
.sidebartop{
	height:10px;
	background-image:url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png);
	background-repeat:no-repeat;
}
.sidebarbottom{
	height:10px;
	background-image:url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
	background-repeat::no-repeat;
}

.bgimg{
	background-image:url(http://ung.igem.org/wiki/images/5/5d/Homebg.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:970px;
	height:600px;
	z-index:-1;
}

.bgpart1{
	background-color:white;
	position:absolute;
	height:320px;
	width:970px; 
	top:0px;
	left:0px;
	z-index:-2;
}
.bgpart2{
	background-image:url(http://ung.igem.org/wiki/images/c/c2/Bg1.png);
	background-repeat:no-repeat;
	position:absolute;
	height:300px;
	width:970px;
	top:320px;
	left:0px;
	z-index:-2;
}
.header{
	background-color:transparent;
	width:970px;
	height:600px;
	position:static	;
}
.banner{
	height:220px;
}
.logo{
	top:20px;
	left:20px;
	position:absolute;
}
.title{
	position:absolute;
	left:240px;
}
.igemlogo{
	position:absolute;
	top:30px;
	left:750px;
	z-index:1;
}
.nav{
	width:970px;
	height:80px;
}
.main{
	background-color:#e9e9e9;
	position:static;
	top:auto;
	height:auto;
	padding:10px;
	padding-top:0px;
	padding-right:10px;
}
div #flash1{
	width:660px;
	height:270px;
	margin-left:20px;
	background-color:transparent;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
div #part0{
	width:250px;
	height:270px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color:black;
	color:white;
}

#welcome{
	width:660px;
	vertical-align:middle;
}
#welcome h1{
	color:#f8b4ae;
}
#welcome hr{
	background-color:#f8b4ae;
}
#welcome a{
	color:#f8b4ae;
}
#welcome a:hover{
	color:red;
	text-decoration:none;
}
#note{
	float:right;
	width:250px;
}
#note h1, a{
	color:#7fb3d8
}
#note hr{
	background-color:#7fb3d8;
}
#note a: hover{
	color:#0068b1;
	text-decoration:none;
}

#project{
	width:660px;
}
#project h1, a{
	color:#ffcc99;
}
#project hr{
	background-color:#ffcc99;
}
#project a: hover{
	color:#ff9933;
	text-decoration:none;
}

#twitter{
}
#twitter h1,a{
	color:#3399ff;
}
#twitter hr{
	background-color:#3399ff;
}
#twitter a: hover{
	color:#0066ff
	text-decoration:none;
}
#visits{
}
#visits h1, a{
	color:#666666;
}
#visits hr{
	background-color:#666666;
}
#visits a: hover{
	color:#333333;
	text-decoration:none;
}
#team{
	float:left;
	width:660px;
}
#team h1, a{
	color:#aadba5;
}
#team hr{
	background-color:#aadba5;
}
#team a: hover{
	color:#56b74c;
	text-decoration:none;
}
#flickr{
	float:left;
	width:660px;
}
#flickr h1, a{
	color:#ff66cc;
}
#flickr hr{
	background-color:#ff66cc;
}
#flickr a: hover{
	color:#ff0099;
	text-decoration:none;
}
#sponsors{
	float:left;
	width:930px;
}
#sponsors a{
	color:black;
}
#sponsors a: hover{
	color:#999;
}
#sponsors .blocktop{
	background-image:url(http://ung.igem.org/wiki/images/b/b7/Blocktop2.png);
	background-repeat:no-repeat;
}
#sponsors .blockbottom{
	background-image:url(http://ung.igem.org/wiki/images/c/c5/Blockbottom2.png);
	background-repeat:no-repeat;
}
.footer{
	background-color:#666666;
	padding:10px;
	text-align:center;
}
.footer a{
	color:#cccccc;
	margin:10px;
	text-decoration:none;
}
.footer a:hover {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
}